
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>亿丰伟业集团物流配送中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="CSS/style.css">
    <link rel="stylesheet" href="CSS/head_style.css">
    <link rel="stylesheet" type="text/css" href="CSS/iview.css">
    <link rel="stylesheet" type="text/css" href="CSS/ionicons-2.0.1/css/ionicons.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9whTPxXrl8zvW3gjiAaoPa59gFekKK9I"></script>
    <script type="text/javascript" src="JS/page/delivery_note/nav.js"></script>
    <script type="text/javascript" src="JS/page/delivery_note/to_complete.js"></script>
    <script src="JS/utiltool/requirejs/require.js" data-main="JS/page/index"></script>
</head>
<style>
.side_nav{
    width: 10vw;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
}
</style>
<body>
    
        <div id="change-nav">
                <el-menu-item index="1">处理中心</el-menu-item>
            <order_nav></order_nav>
        </div>
        <div id="to_complete" v-cloak>
        <Row type="flex" justify="center" class="code-row-bg">
            <i-input v-model="value4" icon="ios-clock-outline" placeholder="请输入送货单号" style="width: 350px">
                <i-button type="primary" icon="ios-search" slot="append" @click="getfind">搜索</i-button>
            </i-input>
            <i-button type="primary" @click="getwaitdata" style="margin-right:5px;">全部</i-button>
            <i-button type="primary" @click="exportData(1)" style="margin-right:5px;">一键导出</i-button>
            <!-- <i-button type="primary" style="margin-right:5px;">推送</i-button> -->
            <i-col span="24">
                <i-table style="margin-left:15px;" :loading="loading" :border="true" :stripe="true" height="800" :columns="columns" :data="historyData"
                    ref="table"></i-table>
            </i-col>
            <Page :total="dataCount" :page-size="pageSize" show-total show-elevator :current="1" @on-change="changePage">
            </Page>
        </Row>
        <!-- <Modal v-model="calmodal1" title="取消订单" @on-ok="ok" @on-cancel="cancel">
            <b><p style="font-size:15px">当前送货单号：{{freightId}}</p>
            <p style="font-size:15px">当前订单号：{{orderid}}</p></b> -->
        <!-- <span style="font-size:15px">备注：</span></b>
            <i-input v-model="value5" icon="ios-clock-outline" placeholder="请输入备注信息" style="width: 350px"></i-input> -->
        <!-- <i-select v-model="model1" style="width:200px">
                <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                    </Select>
        </Modal> -->
        <Modal v-model="calmodal1" width="360">
            <p slot="header" style="color:#f60;text-align:center;font-size: 20px;">
                <icon type="information-circled"></icon>
                <span>取消订单</span>
            </p>
            <div style="text-align:center">
                <b>
                    <p style="font-size:15px">当前送货单号：{{freightId}}</p>
                    <p style="font-size:15px">当前订单号：{{orderid}}</p>
                    <span style="font-size:15px">取消原因：</span></b>
                    <i-select v-model="model1" style="width:200px">
                        <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                    </i-select>
                </b>
            </div>
            <div slot="footer">
                <i-button type="error" size="large" long :loading="modal_loading" @click="del">取消</i-button>
            </div>
        </Modal>
    </div>
</body>

</html>